<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
	<link rel="stylesheet/less" type="text/css" href="main.less" />
	<script src="https://cdn.bootcss.com/less.js/3.0.0-pre.4/less.min.js"></script>
	<script src="https://cdn.bootcss.com/tinymce/4.6.5/tinymce.min.js"></script>
	<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
	<script src="https://cdn.bootcss.com/require.js/2.3.4/require.min.js" defer async="true" data-main="main"></script>
</head>

<body>


	<div id="main" class="editorWrapper">
		<div class="leftPanel">
			<div class="inputWrapper">
				<button class="btnAddNode" data-node-type="img">添加图片</button>
				<button class="btnAddNode" data-node-type="text">添加文本</button>
				<button class="btnAddNode" data-node-type="s">添加？？</button>
				<button id="testMeta">meta</button>
			</div>
			<div class="actionWrapper">
				<button id="btnPreview">预览</button>
				<button id="btnSaveAll">手动保存</button>
				<button id="btnClearAll">全部删除</button>
			</div>
		</div>
		<div class="midPanel">
			<div class="restWrapper">
				<div id="showWrapper" class="showWrapper editor"></div>
			</div>
		</div>
		<div class="rightPanel">
			<div class="attrWrapper">
				<h4>
					基本属性
				</h4>
			</div>
			<div class="restWrapper">
				<div id="attrEditor"></div>
			</div>
		</div>
	</div>


</body>

</html>